<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="layout" content="site">
    <script type="text/javascript" src="${resource(dir:'js', file: 'jquery.cycle.all.latest.js')}"></script>
    <script type="text/javascript">
          $(document).ready(function() {
                $('.slideshow').cycle({
                      fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
                      speed: 2000,
                      timeout: 10000,
                });
          });
    </script>
  </head>
  <body>
    <div id="conteudo">
      <div class="slideshow">
        <g:each in="${banner}">
          <img src="${createLink (controller: "bannerHome", action: 'view', id:it.id)}"/>
        </g:each>
      </div>
    </div>
  </body>
</html>
